<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>vCard - Post</title>

	<!-- Meta Data -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="format-detection" content="telephone=no"/>
    <meta name="format-detection" content="address=no"/>
    <meta name="author" content="ArtTemplate" />
    <meta name="description" content="vCard" />

    <!-- Twitter data -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@ArtTemplates">
    <meta name="twitter:title" content="vCard">
    <meta name="twitter:description" content="vCard">
    <meta name="twitter:image" content="assets/images/social.jpg">

    <!-- Open Graph data -->
    <meta property="og:title" content="ArtTemplate" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="your url website" />
    <meta property="og:image" content="assets/images/social.jpg" />
    <meta property="og:description" content="vCard" />
    <meta property="og:site_name" content="vCard" />

	<!-- Favicons -->
	<link rel="apple-touch-icon" sizes="144x144" href="assets/images/favicons/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicons/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicons/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="57x57" href="assets/images/favicons/apple-touch-icon-57x57.png">
	<link rel="shortcut icon" href="assets/images/favicons/favicon.png" type="image/png">

    <!-- Styles -->
	<link rel="stylesheet" type="text/css" href="assets/styles/style.css"/>
    <link rel="stylesheet" type="text/css" href="assets/demo/style-demo.css"/>
	
</head>
<body>
    <!-- Preloader -->
    <div class="preloader">
	    <div class="preloader__wrap">
		    <div class="circle-pulse">
                <div class="circle-pulse__1"></div>
                <div class="circle-pulse__2"></div>
            </div>
		    <div class="preloader__progress"><span></span></div>
		</div>
	</div>

	<!-- Scroll Indicator -->
    <div class="scroll-line"></div>

    <main class="main">
	    <!-- Header Image -->
		<div class="header-image">
		    <div class="js-parallax" style="background-image: url(assets/img/image_header.jpg);"></div>
		</div>
		
	    <div class="container gutter-top">
		    <!-- Header -->
		    <header class="header box">
			    <div class="header__left">
				    <div class="header__photo">
					    <img class="header__photo-img" src="assets/img/main-photo.svg" alt="Ronald Robertson">
					</div>
					<div class="header__base-info">
					    <h4 class="title titl--h4">Ronald Robertson</h4>
						<div class="status">Creative Director</div>
						<ul class="header__social">
						    <li><a href="https://www.facebook.com"><i class="font-icon icon-facebook1"></i></a></li>
						    <li><a href="https://www.twitter.com"><i class="font-icon icon-twitter1"></i></a></li>
							<li><a href="https://www.instagram.com"><i class="font-icon icon-instagram1"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="header__right">
				    <ul class="header__contact">
					    <li><span class="overhead">Email</span>ronald@example.com</li>
						<li><span class="overhead">Phone</span>+1 (070) 123–8459</li>
					</ul>
					<ul class="header__contact">
					    <li><span class="overhead">Birthday</span>17 March, 1995</li>
						<li><span class="overhead">Location</span>San-Francisco, USA</li>
					</ul>
				</div>
			</header>
		        
			<div class="row sticky-parent">
			    <!-- Sidebar nav -->
                <aside class="col-12 col-md-12 col-lg-2">
				    <div class="sidebar box sticky-column">
	                    <ul class="nav">
                            <li class="nav__item"><a href="about.html"><i class="icon-user"></i>About</a></li>
							<li class="nav__item"><a href="resume.html"><i class="icon-file-text"></i>Resume</a></li>
                            <li class="nav__item"><a href="works.html"><i class="icon-codesandbox"></i> Works</a></li>
                            <li class="nav__item"><a class="active" href="blog.html"><i class="icon-book-open"></i>Blog</a></li>
                            <li class="nav__item"><a href="contact.html"><i class="icon-book"></i>Contact</a></li>
                        </ul>
					</div>
		        </aside>
				
				<!-- Content -->
		        <div class="col-12 col-md-12 col-lg-10">
				    <div class="box box-content">
						<!-- Post -->
						<div class="pb-3">
						    <header class="header-post">
                                <h1 class="title title--h1">Design Conferences in 2019</h1>
								<div class="caption-post">
								    <p>Above all, think of life as a prototype. We can conduct experiments, make discoveries, and change our perspectives. We can look for opportunities to turn processes into projects that have tangible outcomes.</p>
								</div>
								<div class="header-post__image-wrap">
								    <img class="cover lazyload" src="assets/img/image_header.jpg" data-zoom alt="" />
								</div>
							</header>
							<div class="caption-post">
								<p>Above all, think of life as a prototype. We can conduct experiments, make discoveries, and change our perspectives. We can look for opportunities to turn processes into projects that have tangible outcomes. We can learn how to take joy in the things we create whether they take the form of a fleeting experience or an heirloom that will last for generations. We can learn that reward comes in creation and re-creation.</p>
								<p>It is not enough that we build products that function, that are understandable and usable, we also need to build products that bring joy and excitement, pleasure and fun, and, yes, beauty to people’s lives. Creativity is to discover a question that has never been asked.</p>
						    </div>
							<div class="gallery-post">
							    <img class="gallery-post__item cover lazyload" src="assets/img/image_10.jpg" data-zoom alt="" />
								<img class="gallery-post__item cover lazyload" src="assets/img/image_11.jpg" data-zoom alt="" />
								<div class="gallery-post__caption">Work by Colin Adams, Mark Craig</div>
							</div>
							<div class="caption-post">
							    <h3 class="title title--h3">If you’re not prepared to be wrong, you’ll never come up with anything original.</h3>
								<p>Here is one of the few effective keys to the design problem: the ability of the designer to recognize as many of the constraints as possible his willingness and enthusiasm for working within these constraints. The most profound technologies are those that disappear. They weave themselves into the fabric of everyday life until they are indistinguishable from it.</p>
								<blockquote class="block-quote">
								    <p>The alternative to good design is always bad design. There is no such thing as no design.</p>
								    <span class="block-quote__author">Adam Judge</span>
								</blockquote>
								<p>Above all, think of life as a prototype. We can conduct experiments, make discoveries, and change our perspectives. We can look for opportunities to turn processes into projects that have tangible outcomes.</p>
								<p>We can learn how to take joy in the things we create whether they take the form of a fleeting experience or an heirloom that will last for generations. We can learn that reward comes in creation and re-creation, no just in the consumption of the world around us. Active participation in the process of creation is our right and our privilege. We can learn to measure the success of our ideas not by our bank accounts by their impact on the world.</p>
							</div>
							<footer class="footer-post">
							    <a class="footer-post__share" href="http://facebook.com"><i class="font-icon icon-facebook"></i><span>Facebook</span></a>
								<a class="footer-post__share" href="http://twitter.com"><i class="font-icon icon-twitter"></i><span>Twitter</span></a>
								<a class="footer-post__share" href="http://linkedin.com"><i class="font-icon icon-linkedin"></i><span>Linkedin</span></a>
							</footer>
						</div>
						
						<div class="box-inner box-inner--rounded">
						    <h2 class="title title--h3">Comments <span class="color--light">(3)</span></h2>
							
							<!-- Comment -->
			                <div class="comment-box">
							    <div class="comment-box__inner">
                                    <svg class="avatar avatar--60" viewBox="0 0 84 84">
                                        <g class="avatar__hexagon">
                                            <image xlink:href="assets/img/avatar-2.jpg" height="100%" width="100%" />
                                        </g>
                                    </svg>
                                    <div class="comment-box__body">
                                        <h5 class="comment-box__details"><span>Daniel Lewi</span><span class="comment-box__details-date">5 min ago</span></h5>
                                        <p>Very interesting and informative article on design. I learned a lot of new and interesting.</p>

										<ul class="comment-box__footer">
										    <li><i class="font-icon icon-like-fill"></i> <span>80</span></li>
										    <li><i class="font-icon icon-reply"></i> <span>Reply</span></li>
										</ul>
                                    </div>
								</div>
								
								<!-- Comment -->
					            <div class="comment-box">
								    <div class="comment-box__inner">
                                        <svg class="avatar avatar--60" viewBox="0 0 84 84">
                                            <g class="avatar__hexagon">
                                                <image xlink:href="assets/img/avatar-3.jpg" height="100%" width="100%" />
                                            </g>
                                        </svg>
                                        <div class="comment-box__body">
                                            <h5 class="comment-box__details"><span>Jessica Miller</span><span class="comment-box__details-date">1 min ago</span></h5>
                                            <p>I agree, a very interesting article. Thank you very much! <img class="emoji" src="assets/icons/emoji/emoji-nerd.svg" alt="nerd"/></p>
											
											<ul class="comment-box__footer">
										        <li><i class="font-icon icon-like-fill"></i> <span>35</span></li>
										        <li><i class="font-icon icon-reply"></i> <span>Reply</span></li>
										    </ul>
                                        </div>
									</div>
                                </div>
					        </div>
							
			                <!-- Comment -->
			                <div class="comment-box">
							    <div class="comment-box__inner">
                                    <svg class="avatar avatar--60" viewBox="0 0 84 84">
                                        <g class="avatar__hexagon">
                                            <image xlink:href="assets/img/avatar-6.jpg" height="100%" width="100%" />
                                        </g>
                                    </svg>
                                    <div class="comment-box__body">
                                        <h5 class="comment-box__details"><span>Henry William</span><span class="comment-box__details-date">15 min ago</span></h5>
                                        <p>Thanks for the good article. Looking forward to new ones.</p>
										
										<ul class="comment-box__footer">
										    <li><i class="font-icon icon-like-fill"></i> <span>15</span></li>
										    <li><i class="font-icon icon-reply"></i> <span>Reply</span></li>
										</ul>
                                    </div>
								</div>
                            </div>
							
							<!-- Comment form -->
							<ul class="social-auth">
							    <li class="social-auth__item">Login with:</li>
							    <li class="social-auth__item"><a class="social-auth__link" href="#"><i class="font-icon icon-facebook"></i></a></li>
								<li class="social-auth__item"><a class="social-auth__link" href="#"><i class="font-icon icon-twitter"></i></a></li>
								<li class="social-auth__item"><a class="social-auth__link" href="#"><i class="font-icon icon-dribbble"></i></a></li>
								<li class="social-auth__item"><a class="social-auth__link" href="#"><i class="font-icon icon-behance"></i></a></li>
							</ul>
							<form class="comment-form">
							    <textarea id="commentForm" class="textarea form-control" required="required" placeholder="Write a Comment..." rows="1"></textarea>
								<button type="submit" class="btn"><i class="font-icon icon-send"></i></button>
								<div class="dropdown dropup">
								    <i class="font-icon icon-smile" id="dropdownEmoji" data-toggle="dropdown" aria-haspopup="true"></i>
								    <div class="dropdown-menu dropdown-menu-center" aria-labelledby="dropdownEmoji">
									    <div class="emoji-wrap">
                                            <img class="emoji" src="assets/icons/emoji/emoji-laughing.svg" title=":laughing:" alt="laughing"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-happy-2.svg" title=":happy 2:" alt="happy 2"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-crazy.svg" title=":crazy:" alt="crazy"/>
											<img class="emoji" src="assets/icons/emoji/emoji-bad.svg" title=":bad:" alt="bad"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-angry.svg" title=":angry:" alt="angry"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-happy.svg" title="happy" alt="happy"/>
                                            <img class="emoji" src="assets/icons/emoji/emoji-thinking.svg" title=":thinking:" alt="thinking"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-sad.svg" title=":sad:" alt="sad"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-pressure.svg" title=":pressure:" alt="pressure"/>
											<img class="emoji" src="assets/icons/emoji/emoji-in-love.svg" title=":in love:" alt="in love"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-nerd.svg" title=":laughing:" alt="nerd"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-happy-3.svg" title=":happy 3:" alt="happy 3"/>
                                            <img class="emoji" src="assets/icons/emoji/emoji-shocked.svg" title=":shocked:" alt="shocked"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-wink.svg" title=":wink:" alt="wink"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-sweating.svg" title=":sweating:" alt="sweating"/>
											<img class="emoji" src="assets/icons/emoji/emoji-shocked-2.svg" title=":shocked 2:" alt="shocked 2"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-shocked-3.svg" title=":shocked 3:" alt="shocked 3"/>
										    <img class="emoji" src="assets/icons/emoji/emoji-sad-2.svg" title=":sad 2:" alt="sad 2"/>
										</div>	
                                    </div>
                                </div>	
							</form>
							
					    </div>
					</div>
					
					<!-- Footer -->
					<footer class="footer">© 220 vCard</footer>
		        </div>
				
			</div>
		</div>	
    </main>

    <div class="back-to-top"></div>
	
    <!-- SVG masks -->
    <svg class="svg-defs">
        <clipPath id="avatar-box">
            <path d="M1.85379 38.4859C2.9221 18.6653 18.6653 2.92275 38.4858 1.85453 56.0986.905299 77.2792 0 94 0c16.721 0 37.901.905299 55.514 1.85453 19.821 1.06822 35.564 16.81077 36.632 36.63137C187.095 56.0922 188 77.267 188 94c0 16.733-.905 37.908-1.854 55.514-1.068 19.821-16.811 35.563-36.632 36.631C131.901 187.095 110.721 188 94 188c-16.7208 0-37.9014-.905-55.5142-1.855-19.8205-1.068-35.5637-16.81-36.63201-36.631C.904831 131.908 0 110.733 0 94c0-16.733.904831-37.9078 1.85379-55.5141z"/>
        </clipPath>
        <clipPath id="avatar-hexagon">
             <path d="M0 27.2891c0-4.6662 2.4889-8.976 6.52491-11.2986L31.308 1.72845c3.98-2.290382 8.8697-2.305446 12.8637-.03963l25.234 14.31558C73.4807 18.3162 76 22.6478 76 27.3426V56.684c0 4.6805-2.5041 9.0013-6.5597 11.3186L44.4317 82.2915c-3.9869 2.278-8.8765 2.278-12.8634 0L6.55974 68.0026C2.50414 65.6853 0 61.3645 0 56.684V27.2891z"/>
        </clipPath>		
    </svg>
    
	<!-- Demo Menu -->
	<div class="btnSlideNav slideOpen"></div>
    <div class="btnSlideNav slideClose"></div>
    <div class="slideNav">
		<ul class="list-unstyled">
			<li class="slideNav__item rtl-mode"><h4 class="title title--5">More pages</h4> <a href="rtl/about.html">RTL</a></li>
			<li class="slideNav__item"><a href="userCenter.html">One page</a></li>
			<li class="slideNav__item"><a href="background-2.html">Background triangles</a></li>
			<li class="slideNav__item"><a href="works_v2.html">Works v2</a></li>
        </ul>
		<a href="dark/about.html" class="btn btn--dark">Dark Template</a>
	</div>
	<div class="overlay-slideNav"></div>
    <!-- Demo Menu -->
	
	<!-- JavaScripts -->
	<script src="assets/js/jquery-3.4.1.min.js"></script>
	<script src="assets/js/plugins.min.js"></script>
    <script src="assets/js/common.js"></script>
    
	<script src="assets/demo/plugins-demo.js"></script>
</body>
</html>